import Vue from "vue";
import App from "./App.vue";

import router from "./router/index";
import "./plugins/element.js";
// 第三方样式写在前面
import "./assets/fonts/iconfont.css";
// 自己的样式写在后面 自己的样式不能写半天被 第三方覆盖
import "./assets/css/global.css";
import TreeTable from "vue-table-with-tree-grid";
//导入vue-quill-editor（富文本编辑器）
import VueQuillEditor from 'vue-quill-editor'
//导入vue-quill-editor的样式
import 'quill/dist/quill.core.css'
import 'quill/dist/quill.snow.css'
import 'quill/dist/quill.bubble.css'
//全局注册富文本组件
Vue.use(VueQuillEditor)
//全局注册组件
Vue.component("tree-table", TreeTable);
// 不用axios,用一个其他的网络请求库
import axios from "axios";
Vue.config.productionTip = false;
axios.defaults.baseURL = "https://www.liulongbin.top:8888/api/private/v1/";
//请求在到达服务器之前，先会调用use中的这个回调函数来添加请求头信息
axios.interceptors.request.use(config => {
  //为请求头对象，添加token验证的Authorization字段
  console.log(config);
  // 发送APL接口请求的时候服务器先看看是否有字段Authorization 没有服务器不响应返回来
  config.headers.Authorization = window.sessionStorage.getItem("token");
  return config;
});
Vue.prototype.$http = axios;
// 时间过滤器
Vue.filter("dateFormat", function(val) {
  const dt = new Date(val);
  const y = dt.getFullYear();
  const m = (dt.getMonth() + 1 + "").padStart(2, 0);
  const s = (dt.getDate() + "").padStart(2, 0);

  const hh = (dt.getHours() + "").padStart(2, "0");
  const mm = (dt.getMinutes() + "").padStart(2, "0");
  const ss = (dt.getSeconds() + "").padStart(2, "0");
  return `${y}-${m}-${s} ${hh}:${mm}:${ss}`
});
new Vue({
  router,
  render: h => h(App)
}).$mount("#app");
